import { LucideProps } from 'lucide-react';

const SwitchIcon = ({
  size = 18,
  color = 'currentColor',
  strokeWidth = 1,
  ...props
}: LucideProps) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g id="icon switch">
        <path
          id="Union"
          fillRule="evenodd"
          clipRule="evenodd"
          d="M7.97754 4.8755C7.25315 4.64188 6.73242 3.99536 6.73242 3.23438C6.73242 2.27651 7.55746 1.5 8.57519 1.5C9.59293 1.5 10.418 2.27651 10.418 3.23438C10.418 3.86041 10.0656 4.40897 9.53725 4.71392C9.49392 5.89097 9.42188 7.125 9.42188 7.125C9.42188 7.92188 9.87012 8.625 10.5674 9.04688L12.3604 10.125C13.6055 10.8281 14.2031 11.8125 14.2031 12.9844V13.3594C14.8008 13.6406 15.1992 14.2031 15.2988 14.8594C15.2988 15.75 14.502 16.5 13.5557 16.5C12.6094 16.5 11.8125 15.75 11.8125 14.8594C11.8125 14.2031 12.2109 13.6406 12.8086 13.3594V12.9844C12.8086 12.2813 12.46 11.7656 11.6631 11.2969L9.87012 10.2188C9.83008 10.1936 9.79362 10.1719 9.75978 10.1517C9.66732 10.0965 9.59441 10.053 9.52149 9.98438V13.3594C10.1191 13.6406 10.5176 14.2031 10.5176 14.8594C10.5176 15.75 9.7207 16.5 8.77442 16.5C7.82813 16.5 7.03125 15.75 7.03125 14.8594C7.03125 14.2031 7.42969 13.6406 8.02735 13.3594V9.98438C7.96184 10.0255 7.9059 10.0666 7.85534 10.1037C7.79058 10.1513 7.73465 10.1924 7.67871 10.2188L5.88574 11.2969C5.08887 11.7656 4.74023 12.2813 4.74023 12.9844V13.3594C5.33789 13.6406 5.73633 14.2031 5.73633 14.8594C5.73633 15.75 4.93945 16.5 3.99316 16.5C3.04688 16.5 2.25 15.75 2.25 14.8594C2.25 14.2031 2.64844 13.6406 3.24609 13.3594V12.9844C3.24609 11.8125 3.84375 10.8281 5.03906 10.125L6.83203 9.04688C7.5791 8.625 7.97754 7.125 7.97754 7.125V4.8755Z"
          fill={color}
        />
      </g>
    </svg>
  );
};

SwitchIcon.displayName = 'BranchIcon';
export default SwitchIcon;
